﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NoBaby.aspx.cs" Inherits="WanPiJie.WebSite.MyBaby.NoBaby" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
	<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.19/themes/excite-bike/jquery-ui.css" rel="stylesheet" type="text/css" />
	<link href="http://static.wanpijie.com/styles/global.css" rel="stylesheet" type="text/css" />
	<link href="http://static.wanpijie.com/styles/www.css" rel="stylesheet" type="text/css" />
	<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.min.js" type="text/javascript"></script>
	<script src="http://static.wanpijie.com/scripts/jquery.cookie.min.js" type="text/javascript"></script>
	<script src="http://static.wanpijie.com/scripts/global.js" type="text/javascript"></script>
</head>
<body>
	<form id="form1" runat="server">
	<wpj:SiteHeader ID="SiteHeader" runat="server" />
	<div id="mainContent" class="wrap">
		<div id="leftContent" style="height: 500px;">
			<p style="font-size: 16px; color: #0066CC; margin-top: 20px;">
				您还没有添加一个宝宝</p>
		</div>
		<div id="rightContent">
			<div style="padding: 30px 0 0 30px">
				<h1 style="border-bottom: 1px solid #000000; border-bottom-color: #808080;">
					添加宝宝
				</h1>
				<div>
					<table class="form">
						<tr>
							<td>
								宝宝姓名：
							</td>
							<td>
								<p>
									<asp:TextBox ID="f_Name" runat="server"></asp:TextBox>
								</p>
							</td>
						</tr>
						<tr>
							<td>
								宝宝性别：
							</td>
							<td>
								<p>
									<asp:RadioButton ID="RbBoy" runat="server" Value="m" GroupName="f_Gender" Text="男宝宝" />
									<asp:RadioButton ID="RbGirl" runat="server" Value="f" GroupName="f_Gender" Text="女宝宝" />
								</p>
							</td>
						</tr>
						<tr>
							<td>
								出生日期：
							</td>
							<td>
								<p>
									<asp:TextBox ID="f_Birthday" runat="server"></asp:TextBox>
								</p>
							</td>
						</tr>
						<tr>
							<td>
								出生身高：
							</td>
							<td>
								<p>
									<asp:TextBox ID="f_Height" runat="server"></asp:TextBox>
									<span>厘米</span>
								</p>
							</td>
						</tr>
						<tr>
							<td>
								出生体重：
							</td>
							<td>
								<p>
									<asp:TextBox ID="f_Weight" runat="server"></asp:TextBox>
									<span>千克</span>
								</p>
							</td>
						</tr>
						<tr>
							<td>
								出生头围：
							</td>
							<td>
								<p>
									<asp:TextBox ID="f_HeadSize" runat="server"></asp:TextBox>
									<span>厘米</span>
								</p>
							</td>
						</tr>
						<tr>
							<td>
								出生胸围：
							</td>
							<td>
								<p>
									<asp:TextBox ID="f_ChestSize" runat="server"></asp:TextBox>
									<span>厘米</span>
								</p>
							</td>
						</tr>
						<tr>
							<td>
								&nbsp;
							</td>
							<td>
								<asp:Button ID="BtnOK" runat="server" OnClick="BtnOK_Click" Text="添加" CssClass="button" />
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
	</form>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.19/jquery-ui.min.js" type="text/javascript"></script>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.19/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function () {
			$("#f_Birthday").datepicker({ changeYear: true });
			$("form").validate({
				rules: {
					f_Name: {
						required: true
					},
					f_Gender: {
						required: true
					}
					,
					f_Birthday: {
						required: true,
						dateISO: true
					},
					f_Height: {
						required: true,
						number: "*"
					},
					f_Weight: {
						required: true,
						number: "*"
					},
					f_HeadSize: {
						required: true,
						number: "*"
					},
					f_ChestSize: {
						required: true,
						number: "*"
					}
				},
				messages: {
					f_Name: {
						required: "请填写宝宝的名字"
					},
					f_Birthday: {
						required: "请选择宝宝的生日",
						dateISO: "日期格式错误"
					},
					f_Gender: {
						required: "请选择宝宝的性别"
					},
					f_Height: {
						required: "请填写宝宝出生时的身高",
						number: "请输入数字"
					},
					f_Weight: {
						required: "请填写宝宝出生时的体重",
						number: "请输入数字"
					},
					f_HeadSize: {
						required: "请填写宝宝出生时的头尾",
						number: "请输入数字"
					},
					f_ChestSize: {
						required: "请填写宝宝出生时的胸围",
						number: "请输入数字"
					}
				},
				errorPlacement: function (error, element) {
					error.appendTo(element.parent().parent());
				}
			});
		});
	</script>
</body>
</html>
